<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="assets/css/blog.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
<div th:include="pub_head"></div>
    <div class="ccenter">
      <div class="centers">
        <div class="centerLeft">
          <div class="centerleftOne" th:each="user:${modules[8].banners}" th:onclick="'detailFun(' + ${user.id} + ')'">
            <a href="#"><img th:src="${user.imgUrl1}" /></a>
            <p class="p3">[[${user.title}]]</p>
            <p>[[${user.description}]]</p>
            <p>[[${user.b1}]]<span>[[${user.b2}]]</span></p>
          </div>
        </div>

        <div class="centerRight">
            <div class="centerrightOne">
                <a href="aboutUs.html"><img th:src="${modules[9].banners[0].imgUrl1}" /></a>
                <div class="count">
                    <p class="p4">[[${modules[9].banners[0].title}]]</p>
                    <div class="one-container">
                        <div class="one-progress"></div>
                    </div>
                    <p>[[${modules[9].banners[0].description}]]</p>
                </div>
            </div>
            <div class="centerrightTwo">
                <p class="p4">[[${modules[10].module.name}]]</p>
                <div class="two-container">
                    <div class="two-progress"></div>
                </div>
                <div class="centerrightTwos" th:each="user1:${modules[10].banners}">
                    <div class="crtLeft">
                        <a href="#"><img th:src="${user1.imgUrl1}" /></a>
                    </div>
                    <div class="crtRight">[[${user1.description}]]</div>
                </div>
            </div>
            <div class="centerrightThree">
                <p class="p4">[[${modules[11].module.name}]]</p>
                <div class="three-container">
                    <div class="three-progress"></div>
                </div>
                <div class="dropdown">
                    <div class="dropbtn">
                        [[${modules[11].module.title}]]
                        <span><img th:src="${modules[11].module.imgUrl1}" /></span>
                    </div>
                    <div class="dropdown-content">
                      <a href="#">[[${modules[11].banners[0].title}]]</a>
                      <a href="#">[[${modules[11].banners[1].title}]]</a>
                      <a href="#">[[${modules[11].banners[2].title}]]</a>
                    </div>
                </div>
            </div><!--centerrightThree-->
            <div class="centerrightFour">
                <p class="p4">[[${modules[12].module.name}]]</p>
                <div class="four-container">
                    <div class="four-progress"></div>
                </div>
                <div class="centerrightFours">
                    <div class="crfOne">
                        <img th:each="i1:${#numbers.sequence(0,2)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                    </div>
                    <div class="crfOne">
                        <img th:each="i1:${#numbers.sequence(3,5)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                    </div>
                    <div class="crfOne">
                        <img th:each="i1:${#numbers.sequence(6,8)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                    </div>
                    <div class="crfOne">
                        <img th:each="i1:${#numbers.sequence(9,11)}" th:src="${modules[12].banners[i1].imgUrl1}" />
                    </div>
                </div>
            </div>
            <div class="centerrightFive">
                <p class="p4">[[${modules[13].module.name}]]</p>
                <div class="four-container">
                    <div class="four-progress"></div>
                </div>
                <div class="centerrightFives">
                    <p class="may" th:each="user2:${modules[13].banners}">
                        <span><a href="#">
                            <img th:src="${user2.imgUrl1}"/>[[${user2.title}]]
                        </a></span>
                    </p>
                </div>
            </div>
        </div>
      </div>
    </div><!--center-->
  </div>
<!-- 底部 -->
<div th:replace="pub_footer"></div>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script type="text/javascript">
    function detailFun(id){
        window.location.href = `cms_detail?id=${id}`;
    }

</script>
</body>
</html>
